<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>拜访记录提报</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/style.css"/>

    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/hn-bfjltb/bfjltb"]
        };
    </script>
    <script data-main="../../../js/wx/public/config.js" src="../../../js/require.js"></script>
    <style>

        .mui-table-view {
            background-color: inherit;
        }

        .mui-scroll-wrapper {
            top: 50px;
        }

        .mui-table-view-cell {
            padding: 0;
        }

        .mui-card {
            margin: 0;
        }

        .mui-table-view-cell.mui-media {
            border-bottom: 1px solid #dadada;
        }

        .mui-table-view .mui-table-view-cell.mui-media:last-child {
            border-bottom: none;
        }

        .mui-scroll-wrapper{
            top: 58px!important;
        }
    </style>
</head>

<body>

<!--搜索-->
<div id="serveredPull">
    <div id="searchDiv" class="mui-input-row searchBox">
        <form action="javascript:app.returnFalse();">
            <i class="mui-icon mui-icon-search"></i>
            <input @search="toSearch" type="search" class="mui-input-clear" placeholder="客户、商机主题、拜访日期"
                   v-model.trim="keyword">
        </form>
    </div>
    <div class="mui-content serveredPull">
        <!--下拉刷新容器-->
        <div id="scroll1" class="mui-scroll-wrapper wf-slider-bottom-search">
            <div class="mui-scroll">
                <bfjltbitem :model="items"></bfjltbitem>
            </div>
        </div>
    </div>

    <!--按钮-->
    <div id="addBtn" style="width: 100%;" class="footBtn flexl shadow2">
        <button type="button" class="mui-btn mui-btn-royal mui-btn-block mui-btn-outlined addCar">
            +新建拜访记录
        </button>
    </div>
</div>

<script id="bfjltbitem-template" type="text/x-template">
    <div>
        <ul class="mui-table-view">
            <li v-for="(val,index) in model" class="mui-table-view-cell mui-media">
                <div class="mui-slider-right mui-disabled">
                    <a class="mui-btn mui-btn-red" @tap.stop="deleteItem(val,$event)">删除</a>
                </div>
                <div class="mui-slider-handle wf-slider-handle">
                    <div class="mui-card" @tap.stop="open(val)">
                        <div class="mui-card-content textStyle">
                            <div class="mui-row">
                                <div class="mui-col-xs-12">
                                    <p class="color1">{{val.GWBGL003}}</p>
                                </div>
                                <div class="mui-col-xs-12">
                                    <p>最近拜访日期:<span>{{val.GWBH003}}</span></p>
                                </div>
                                <div class="mui-col-xs-12">
                                    <p>客户名称:<span>{{val.GWAKL004}}</span></p>
                                </div>
                                <!--<div class="mui-col-xs-12">-->
                                <!--<p>商机阶段:<span>{{val.GWAVL003}}</span></p>-->
                                <!--</div> -->
                                <div class="mui-col-xs-12">
                                    <p>成交几率:<span>{{val.GWBH031}}</span></p>
                                </div>
                                <div class="mui-col-xs-12">
                                    <p>下次拜访日期:<span>{{val.GWBH019|yyyymmddhhmm}}--{{val.GWBH020|yyyymmddhhmm}}</span>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</script>
</body>

</html>